<!--    引入layui -->
<link href="../../assets/layui-v2.5.6/css/layui.css" rel="stylesheet">
<script src="../../assets/layui-v2.5.6/layui.all.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<style>
    .layui-form-label {
        width: 85px
    }

    .layui-input-block {
        margin-left: 115px;
    }
</style>
<div style="margin: 20px;" id="poet_detail">
    <form class="layui-form" action="" lay-filter="add_form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">创建时间</label>
                <div class="layui-input-inline">
                    <input type="text" name="create_time"  placeholder="" autocomplete="off"
                           class="layui-input" value='#(poem.get("create_time"))' disabled>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">最近更新时间</label>
                <div class="layui-input-inline">
                    <input type="text" name="last_update_time"  placeholder=""
                           autocomplete="off"  class="layui-input" value='#(poem.get("last_update_time"))' disabled>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">诗名</label>
            <div class="layui-input-block">
                <input type="text" name="poemTitle"  placeholder=""
                       autocomplete="off"
                       class="layui-input" value='#(poem.get("poem_title"))' disabled>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">朝代</label>
                <div class="layui-input-inline">
                    <input type="text" name="creationDynasty"  placeholder="" autocomplete="off"
                           class="layui-input" value='#(poem.get("creation_dynasty"))' disabled>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">作者</label>
                <div class="layui-input-inline">
                    <input type="text" name="poetName"  placeholder=""
                           autocomplete="off"
                           class="layui-input" value='#(poem.get("poet_name"))' disabled>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">创作时间</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" name="poemYear"  placeholder="年"
                           autocomplete="off"
                           class="layui-input" value='#(poem.get("poem_year"))' disabled>
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" name="poemMonth" placeholder="月" autocomplete="off" class="layui-input" value='#(poem.get("poem_month"))' disabled>
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" name="poemDay" placeholder="日" autocomplete="off" class="layui-input" value='#(poem.get("poem_day"))' disabled>
                </div>
            </div>

        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">创作地点</label>
            <div class="layui-input-block">
                <input type="text" name="creationPlace"  placeholder=""
                       autocomplete="off"
                       class="layui-input" value='#(poem.get("creation_place"))' disabled>
            </div>
        </div>



        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">诗词原文</label>
            <div class="layui-input-block">
                <textarea name="poemContent" placeholder="请输入内容" class="layui-textarea"  disabled>#(poem.get("poem_content"))</textarea>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">白话译文</label>
            <div class="layui-input-block">
                <textarea name="translation" placeholder="请输入内容" class="layui-textarea"  disabled>#(poem.get("translation"))</textarea>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">创作背景</label>
            <div class="layui-input-block">
                <textarea name="background" placeholder="请输入内容" class="layui-textarea"  disabled>#(poem.get("background"))</textarea>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">赏析</label>
            <div class="layui-input-block">
                <textarea name="appreciation" placeholder="请输入内容" class="layui-textarea"  disabled>#(poem.get("appreciation"))</textarea>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">注释</label>
            <div class="layui-input-block">
                <textarea name="notes" placeholder="请输入内容" class="layui-textarea"  disabled >#(poem.get("notes"))</textarea>
            </div>
        </div>
    </form>
</div>
<script>
    let form = layui.form;
    form.render(); //更新全部
</script>